body {

}
/*动画*/
@keyframes blink
{
0%   {opacity:0}
100% {opacity:1}
}

@-moz-keyframes blink /* Firefox */
{
0%   {opacity:0}
100% {opacity:1}
}

@-webkit-keyframes blink /* Safari 和 Chrome */
{
0%   {opacity:0}
100% {opacity:1}
}

@-o-keyframes blink /* Opera */
{
0%   {opacity:0}
100% {opacity:1}
}


@keyframes scaleAll {
    0% {
        opacity: 0;
        transform: scale(0) rotate(360deg);
    }
    30% {
        opacity: 1;
    }
    100% {
        transform: scale(1) rotate(0);
    }
}
@-webkit-keyframes scaleAll {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) rotate(360deg);
    }
    30% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
    }
}
@-moz-keyframes scaleAll {
    0% {
        opacity: 0;
        -moz-transform: scale(0) rotate(360deg);
    }
    30% {
        opacity: 1;
    }
    100% {
        -moz-transform: scale(1) rotate(0);
    }
}
@-ms-keyframes scaleAll {
    0% {
        opacity: 0;
        -ms-transform: scale(0) rotate(360deg);
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1) rotate(0);
    }
}